<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*:root{
  --h-s-height:3.5rem;
  --b-lrt:0.3s;
  --b-llt:0.3s;
}*/
:root{
  --cw:75%;
  --cwm:94%;
  --hh:2rem;
}
@font-face {
  font-family: 'ANTONIO-BOLD-WEBFONT';
  src:url('../fonts/ANTONIO-BOLD-WEBFONT.eot');
  src:url('../fonts/ANTONIO-BOLD-WEBFONT.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ANTONIO-BOLD-WEBFONT.TTF') format('truetype');
}
.body-width{width: 75%;margin:auto;}
.body-width-a{width:1440px;margin:auto;}
.container{width: 1170px\9;}
.index-banner{width: 100%;position: relative;}
.swiper-container {width: 100%;}
.hamburger {display: block;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #fff;height:4px;}
/* 头部开始 */
#header{display: block;position: absolute;z-index:999;padding:1% 0;border-bottom: 1px solid rgba(255,255,255,0.3);margin: auto;align-items: center;justify-content: space-between;width:100%;}
.index-header{width:75%;}
.header-logo{width:38%;padding-top: 2%;}
.header-logo img{width:100%;}
.header-r {width:60%;text-align: right;}
.qiehuan{width: 82px;padding-left:50%;padding-top: 2%;}
.qiehuan li{width:40px;margin-right: 1px;float: left;}
.header-tel{color:#fff;font-size: 15px;}
.header-tel img{margin-right: 10px;vertical-align:middle;}
.header-tel span{font-size:34px;font-family: "times new roman";}
/* 头部结束 */
.sj-banner{display: none;}
#m_header{display: none;}
.hr-top{display: flex;justify-content: flex-end;align-items: flex-start;position: relative;}
#header.else .hr-top{display: none;}
.nav-pc {width: 100%;text-align: center;display: flex;align-items: center;justify-content: flex-start;flex-direction: row-reverse;}
.hamburger {display: block;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #fff;height: 2px;}
.hamburger-inner::before { top: -6px;}
.hamburger-inner::after {bottom: -6px;}
.hamburger--emphatic-r .hamburger-inner::after {top: auto;}
#header.else .mobile_nav{display: none;}
.mobile_nav{width:85%;}
.mobile_nav .menulevel{display: none!important;}
.nav-pc &gt; .mobile_nav &gt; ul{display: flex;-webkit-box-align: center;align-items: center;}
.nav-pc li {flex-grow: 1;transition: all .5s ease-in-out;width: auto;height: 60px;display: inline-block;font-size: 16px;color: #000;line-height:60px;text-align: center; position: relative;}
.nav-pc li a span {color: #fff;}
.nav-pc li a#menu_selected span { color: #fff;}
.nav-pc li a#menu_selected:hover span{ color: #fff;}
.nav-pc li:hover{ color: #fff; }
.nav-pc li:hover a span{ color: #fff;}
.index-search{
  position: absolute;
  right:0;
  top:1.5rem;
  display: none;
}
.is-con{
  display: flex;
  align-items:center;
  justify-content:center;
  height: 2rem;
  border:1px solid #fff;
  border-radius:2rem;
  padding:0 1rem;
}
.is-cicon img{
  height: 80%;
  width: auto;
  object-fit: cover;
  max-width: 20px;
}
.is-ctext{
  margin-left:0.5rem;
}
.is-ctext input{
  border:none;
  font-size:1rem;
  width: 10VW;
  background:transparent;
}
.is-ctext input::placeholder{
  color: #fff
}
.pc_nav{
  position: absolute; 
  top:0;
  left:0;
  right: 0;
  bottom:0;
  z-index: -1;
  width:100%;
  height: 100VH;
  transition: 0.5s 1s;
  opacity: .8;
  transform: scale(1,0);
  transform-origin: top;
  transition-timing-function: cubic-bezier(0.65, 0.14, 0.1, 1.07);
  background: rgba(0, 0, 0, 0.1);
}
.pc_nav.shownav{
  position: absolute; 
  top:0;
  left:0;
  right: 0;
  bottom:0;
  z-index: -1;
  width:100%;
  height: 100VH;
  transition: 1.2s;
  transform: scale(1,1);
  transform-origin: top;
  transition-timing-function: cubic-bezier(0.65, 0.14, 0.1, 1.07);
  background: rgba(30,30,30, 0.9);
}
.pc_nav &gt; ul{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc_nav &gt; ul &gt; li{
  margin-top:1rem;
  display: block;
  text-align: left;
}
.pc_nav li &gt; a {
  display: block;
  width: 100%;
  text-align: center;
}
.pc_nav li &gt; a span {
  font-size: 1.6rem;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
}
.pc_nav li:hover &gt; a span {
  color: rgba(255, 255, 255, 1);
}
.pc_nav.hidenav li &gt; a {
  transition: 1s;
  transform: translateY(-120%);
  transition-timing-function: cubic-bezier(0.63, 0.23, 0.4, 0.85);
  opacity: 0;
  letter-spacing: 15px;
  filter: blur(5px);
}
.pc_nav.shownav li &gt; a {
  transition: 0.6s 0.8s;
  transform: translateY(0%);
  opacity: 1;
  letter-spacing: 2px;
}
.pc_nav.shownav li:nth-child(2) &gt; a {
  transition: 0.6s 1s;
}
.pc_nav.shownav li:nth-child(3) &gt; a {
  transition: 0.6s 1.2s;
}
.pc_nav.shownav li:nth-child(4) &gt; a {
  transition: 0.6s 1.4s;
}
.pc_nav.shownav li:nth-child(5) &gt; a {
  transition: 0.6s 1.6s;
}
.pc_nav.shownav li:nth-child(6) &gt; a {
  transition: 0.6s 1.8s;
}
.pc_nav.shownav li:nth-child(7) &gt; a {
  transition: 0.6s 2s;
}
.pc_nav.shownav li:nth-child(8) &gt; a {
  transition: 0.6s 2.2s;
}
.pc_nav.shownav li:nth-child(9) &gt; a {
  transition: 0.6s 2.4s;
}
.pc_nav li:hover &gt; a:after{
  width: 1.5rem;
  background: rgba(255, 255, 255, 1);
}
.pc_nav li &gt; a:after {
  width: 1rem;
  height: 0.2rem;
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.43);
  position: absolute;
  left: 30%;
  margin-left: -6rem;
  top: 1.5rem;
  transition: 0.5s;
}
/*banner开始*/
.swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.index-slide{align-items:flex-start;height:50VW;}
.index-slide &gt; a{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.slide-banner{position: relative;}
.sb-bj{transform: scale(1);transition: transform 2s ease-in-out;animation: sl4bgsf 8s linear infinite;animation-delay:2s;}
.sb-bj &gt; img:first-child{display: block;}
.sb-bj &gt; img:last-child{display: none;}
.sb-text{width:100%;position: absolute;right:-50%;bottom:-16%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: space-between;/*max-height: 70%;*/}
.sb-text &gt; div:last-child{
	opacity: 0;
  -webkit-animation: fadeOutRight .9s ease-in-out 0s;
  -o-animation: fadeOutRight .9s ease-in-out 0s;
  animation: fadeOutRight .9s ease-in-out 0s;
}
.swiper-slide.swiper-slide-active .sb-text &gt; div:last-child{
  -webkit-animation: fadeInRight.9s ease-in-out .3s forwards;
  -o-animation: fadeInRight .9s ease-in-out .3s forwards;
  animation: fadeInRight .9s ease-in-out .3s forwards;
}
.sb-text9{
  position: absolute;
  right:-41%;
  top:50%;
  transform: translate(-50%,-50%);
  max-height: 70%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sb-text9 &gt; div:last-child{
  opacity: 0;
  -webkit-animation: fadeOut .9s ease-in-out 0s;
  -o-animation: fadeOut .9s ease-in-out 0s;
  animation: fadeOut .9s ease-in-out 0s;
}
.swiper-slide.swiper-slide-active .sb-text9 &gt; div:last-child{
  -webkit-animation: fadeIn.9s ease-in-out .3s forwards;
  -o-animation: fadeIn .9s ease-in-out .3s forwards;
  animation: fadeIn .9s ease-in-out .3s forwards;
}
.index-slide video{width:100%;height:100%;object-fit:cover;}
.index-prev,.index-next{display:block;}
.index-slide-2{background: url('../images/s1-l2-bj.jpg') no-repeat;}
.index-slide-2 &gt; img{display:none;
}
/*banner放大效果*/
@keyframes sl4bgsf{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
}
@keyframes bgsf{
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transform-origin: center;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transform-origin: center;
  }
}
@keyframes bjmove{
  0%{
    background-position: 50% 50%;
  }
  50%{
    background-position: 20% 50%;
  }
  100%{
    background-position: 80% 50%;
  }
}
/*banner放大效果结束*/
/*首页*/
/*分类*/
.fenlei-bg{padding: 110px 0px;width: 75%;}
.fenlei-dbt{color: #000;font-size: 40px;}
.fenlei-more {text-align: center;background: #c00000;width: 145px;line-height: 45px;}
.fenlei-more a{color: #fff;font-size:15px;}
.fenlei-con{margin-top: 50px;}
.fla,.flb,.flc,.fld{float: left;width: 24%;box-sizing: border-box;margin:0 0.5%;padding:200px 40px 80px;}
.fla{background: url(../images/fl-tu_06.png) no-repeat top 80px left 40px #fff;box-shadow: 0px 5px 20px #f0f0f0;}
.flb{background: url(../images/fl-tu_10.png) no-repeat top 80px left 40px #fff;box-shadow: 0px 5px 20px #f0f0f0;}
.flc{background: url(../images/fl-tu_08.png) no-repeat top 80px left 40px #fff;box-shadow: 0px 5px 20px #f0f0f0;}
.fld{background: url(../images/fl-tu_13.png) no-repeat top 80px left 40px #fff;box-shadow: 0px 5px 20px #f0f0f0;}
.fl-znr{cursor: pointer; transition: all 0.6s;}
.fl-bt{color: #444444;font-size: 16px;line-height: 30px;height:170px;}
.fl-bt p{color: #000;font-size: 26px;}
.fl-bt p:after{content: "";display: block;width: 30px;height: 2px;background: #ededed;margin: 30px 0px 20px;}
.fl-nr{margin-top:60px;}
.fl-nr a{color: #c00000;font-size: 14px;font-weight: bold;}
.fl-ej{display: none;height: 60px;}
.fl-ej li{float: left;color: #fff;font-size: 15px;width:33%;line-height: 28px;}
.fl-ej li:before{content: "";display: block;width:4px;height:4px;background: #fff;float: left;margin-right: 10px;margin-top:9px;line-height: 30px;}
.fla:hover,.flb:hover,.flc:hover,.fld:hover{background: url(../images/fl-tu_03.png) no-repeat top center;padding:139px 40px 0px;}
.fla:hover .fl-znr,.flb:hover .fl-znr,.flc:hover .fl-znr,.fld:hover .fl-znr{cursor:pointer;transform:translate(0,-85px);}
.fla:hover .fl-bt,.flb:hover .fl-bt,.flc:hover .fl-bt,.fld:hover .fl-bt{color: #fff;}
.fla:hover .fl-bt p,.flb:hover .fl-bt p,.flc:hover .fl-bt p,.fld:hover .fl-bt p{color: #fff;}
.fla:hover .fl-bt p:after{background: #1761be;}
.flb:hover .fl-bt p:after{background: #1761be;}
.flc:hover .fl-bt p:after{background: #1761be;}
.fld:hover .fl-bt p:after{background: #1761be;}
.fla:hover .fl-ej,.flb:hover .fl-ej,.flc:hover .fl-ej,.fld:hover .fl-ej{display: block;border-top:1px solid rgba(255,255,255,0.4);padding-top: 40px;margin-top: 40px;}
/*简介*/
/*.about{
	background: url(../images/about-bg.jpg) no-repeat top center;width: 100%;
  padding: 8% 0 13%;
  background-size: 110% 110%;
  box-sizing: border-box;
  background-position: 50% 50%;
  transition: all .9s;
  -webkit-animation: bjmove 16s ease-in-out infinite alternate;
  -o-animation: bjmove 16s ease-in-out infinite alternate;
  animation: bjmove 16s ease-in-out infinite alternate;
  display: flex;justify-content: space-between;position: relative;
}*/
/*.about-bg{width: 75%;}
.about-con{box-sizing: border-box;width:45%;}
.about-bt{line-height:60px;color: #fff;font-size:52px;font-weight: bold;}
.about-bt p{font-size: 22px;color:rgba(255,255,255,0.5);}
.about-diao{color: #fff;font-size:15px;line-height:35px;margin-top: 40px;width:85%;}
.about-more{text-align: center;border-radius: 50px;width: 200px;line-height:60px;margin-top:70px;background: rgba(255,255,255,0.2);border: 1px solid #ddd;}
.about-more a{color: #fff;font-size:18px;text-transform: uppercase;font-weight: bold;}*/
/*产品*/
/*.pro{background: #f9f9f9;padding:3% 0;}
.pro-bg{width: 75%;}
.pro-title{width:32%;margin-top: 5%;}
.pro-dbt{color: #000;font-size:40px;line-height: 55px;}
.pro-dbt p{text-transform: uppercase;font-size: 55px;font-family: arial;font-weight:bold;}
.pro-dbt:after{display: block;content: "";background: #c00000;width: 55px;height:3px;margin-top:25px;}
.pro-nr{color: #818181;font-size: 16px;line-height: 30px;margin-top:50px;}
.pro-nr li{display:none;}
.pro-nr p{color: #000;font-size: 34px;margin-bottom: 30px;}
.pro-more li{float: left;text-align: center;width: 150px;line-height:43px;border-radius: 50px;margin-right:20px;margin-top: 90px;}
.pro-gda a{color: #fff;font-size: 15px;}
.pro-gdb a{color: #b1b1b1;font-size: 15px;}
.pro-tu{border-right: 1px solid #dfdfdf;padding-right:5%;padding-left: 5%;}
.pro-tu li{display: none;position: relative;}
.pro-tu li p{position: absolute;right:-100px;top:305px;}
.pro-nav{width:8%;padding-top:12%;}
.pro-nav li{color: #818181;font-size: 16px;line-height: 60px;}
.pro-nav li:hover{background: url(../images/pro-tu_06.png) no-repeat right center;padding-right:20px;color: #c00000;}
.pro-nav li.on{background: url(../images/pro-tu_06.png) no-repeat right center;padding-right:20px;color: #c00000;}*/
/*新闻*/
/*.news-bg{width: 75%;padding: 5% 0;}
.news-title{text-align: center;color: #828282;font-size: 18px;}
.news-title p{color: #000;font-size: 40px;}
.gs-xsj{color:#fff;font-size: 20px;}
.gs-xbt{margin: 35px 0px;text-overflow: ellipsis;}
.gs-xbt a{color: #fff;font-size: 28px;font-weight: bold;line-height: 45px;}
.gs-xnr a{color: #fff;font-size: 16px;line-height: 30px;}
.gs-xgd{display:none;background: url(../images/news-gd.png) no-repeat right 30px center;border: 1px solid #fff;padding-left: 30px;width:270px;line-height: 65px;}
.gs-xgd a{color: #fff;font-size: 20px;}
.news-con{margin-top: 3%;}
.news-left{width:69%;box-sizing: border-box;}
.news-left ul li.on .gs-xgd{display: block;margin-top: 280px;}
.news-left ul li{width:43%;height:685px;float: left;position: relative;transition: all .6s ease-out;box-sizing: border-box;padding:4%;}
.news-left ul li:nth-child(1){background: url(../images/news1.jpg) no-repeat top center;margin-right:1.5%;box-sizing: border-box;}
.news-left ul li:nth-child(2){background: url(../images/news2.jpg) no-repeat top center;}
.news-left ul .on{width:55%; height:685px;}
.news-right {width:30%;}
.news-right li{box-sizing: border-box;padding:9% 7%;height:336px; cursor: pointer;transition: all 0.6s;}
.news-right ul li:nth-child(1){background:#c00000;margin-bottom:3%;}
.news-right ul li:nth-child(2){background:#e7f4ff;color: #000;}
.news-right ul li:nth-child(2) .gs-xsj{color: #000;}
.news-right ul li:nth-child(2) a{color: #000;}
.news-right ul li:nth-child(1):hover{background:#1456a9;}
.news-right ul li:nth-child(2):hover{background:#d1e9fe;}*/
/*过度*/
.gd-bg{width: 75%;}
.gd-title{text-align: center;width: 50%;margin: 0px auto;color: #828282;font-size: 18px;line-height: 30px;}
.gd-title p{color: #000;font-size: 40px;margin-bottom:3%;}
.gd-con li{float: left;width: 25%;text-align: center;margin-top:5%;cursor: pointer;transition: all 0.6s;}
.gd-con li p{color: #767676;font-size: 21px;}
.value,.value2,.value3,.value4{font-family: impact;color: #c00000;font-size: 48px;}
.value{background: url(../images/gd-tu_03.jpg) no-repeat right 25% center;}
.value2{background: url(../images/gd-tu_05.jpg) no-repeat right 32% center;}
.value3{background: url(../images/gd-tu_03.jpg) no-repeat right 26% center;}
.value4{background: url(../images/gd-tu_07.jpg) no-repeat right 30% center;}
.gd-con li:hover{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.gd-con li:hover img{
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); 
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); 
    -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;
}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
/*优势*/
/*.ys{
	background: url(../images/ys-bg.jpg) no-repeat top center;width: 100%;margin-top:4%;
  padding:6% 0 6%;background-size: 105% 105%;box-sizing: border-box;
  background-position: 50% 50%;transition: all .9s;
  -webkit-animation: bjmove 16s ease-in-out infinite alternate;
  -o-animation: bjmove 16s ease-in-out infinite alternate;
  animation: bjmove 16s ease-in-out infinite alternate;
  display: flex;justify-content: space-between;position: relative;
}
.ys-bg{width: 75%;}
.ys-title{text-align:right;color: #fff;font-size: 17px;}
.ys-title p{font-size: 40px;margin-bottom: 5px;}
.ys-con{width: 55%;}
.ys-znr {margin-top:4%;}
.ys-left {background: #f1f7fc;width: 63%;box-sizing: border-box;padding:7% 5% 6.5%;}
.ys-bt{color: #000;font-weight: bold;font-size: 26px;}
.ys-nr{font-size:15px;line-height: 28px;margin-top:25px;}
.ys-gd{text-align: right;margin-top: 60px;}
.ys-right{width:35%;}
.ys-right li{text-align: center;height: 175px;padding-top:15%;box-sizing: border-box;margin-bottom:15px;}
.ys-right li p{font-size: 15px;text-transform: uppercase;font-weight: normal;}
.ys-right li a{color: #fff;font-size: 26px;font-weight: bold;}
.ysa{background: url(../images/ys-tu_03.jpg) no-repeat top center;}
.ysb{background: url(../images/ys-tu_06.jpg) no-repeat top center;}*/
/*底部*/
.index-footer{display: block;background: #f4f4f4;padding-top: 5%;}
.index-footerm{display: none;}
.index-footer-bg{width: 75%;}
.footer-con{padding-bottom: 5%;}
.footer-left{width:30%;}
.f-logo{color: #000;font-size: 36px;}
.f-logo p{font-weight: bold;font-size: 40px;}
.f-icon li{float:left;margin-right: 5%;margin-top:13%;}
.f-center{width:13%;border-top: 1px solid #e0e0e0;padding-right: 5%;box-sizing: border-box;margin-right: 2%;padding-top:2%;}
.f-nav{color: #000;font-weight: bold;font-size: 18px;margin-bottom: 20px}
.f-center li{line-height: 32px;}
.f-center li a{font-size: 15px;color: rgba(0,0,0,0.65);}
.f-lxfs{width:40%;border-top: 1px solid #e0e0e0;box-sizing: border-box;padding-top:2%;}
.f-lxfs li{float: left;width: 50%;font-size: 15px;color: rgba(0,0,0,0.65);line-height: 32px;}
.f-bottom{border-top: 1px solid #e0e0e0;border-bottom:10px solid #c00000;}
.f-bottom-bg{width: 75%;}
.f-by,.f-banquan a{line-height:65px;color: #a0a0a0;font-size: 15px;}
/*首页结束*/
/*内页*/
.body-content-about{background: url(../images/ny-about.jpg) no-repeat;background-position:top center;}
.dbgdw{position: relative;width: 100%;padding-top:12%;padding-bottom:8%;}
.ny-title{width: 100%;text-align: center;margin-bottom:5%;}
.ny-bt{color: #fff;font-size:40px;}
.ny-bt p,.ny-bt a{font-size:20px;color: #fff;}
.ny-bt-wap{display:none;}
/*.dbg{background: #f8f9fa;padding-bottom: 70px;}*/
.dbg-bg{background: #fff;min-height:1000px;padding:3% 4%;background: #fff;box-shadow: 0px 5px 20px #f0f0f0;position: relative;border-radius:0 0 10px 10px;}
.dbg-bg:after{content:'';width: 70px;height:70px;position: absolute;top:-35px;left:50%;transform: translateX(-50%);background: url(../images/home.png) no-repeat;background-size:cover;}
/*内页导航*/
.ny-daohang&gt;ul{display: flex;-webkit-box-align: center;align-items: center;margin:0px auto 40px;}
.ny-daohang&gt;ul ul{display: none;}
.ny-daohang ul li{float: left; flex-grow: 1;margin: 0px 1px;text-align: center;line-height:55px;cursor: pointer;transition: all 0.6s;background:#f5f5f5;}
.ny-daohang ul li a{display:block;}
.ny-daohang ul li a span{font-size:16px;}
.ny-daohang ul li:hover{background:#c00000;}
.ny-daohang ul li:hover span{color: #fff;}
.ny-daohang&gt;ul&gt;li.lihover&gt;.ahover{background:#c00000;}
.ny-daohang ul li.lihover a span{ color: #fff;}
/*内页公司简介*/
.about-nynr{margin-top: 30px;}
.gsjj-nr{width:50%;margin-top: 20px;}
.gsjj-bt p{color: #000;font-size:34px;margin-bottom:20px;}
.gsjj-tu{width: 48%;}
.gsjj-tu li{
  line-height: 100px;
  border-bottom: 1px dashed #999;
  font-size: 22px;
}
.gsjj-gd{text-align: center;width: 170px;line-height: 40px;border: 1px solid #ccc;border-radius: 50px;margin-top:40px}
.gsjj-gd a{color: #ccc;font-size: 15px;}
.gsjj-gd:hover{background: #c00000;}
.gsjj-gd:hover a{color: #fff;}
.gsjj-bt2{width: 90%;margin:70px auto 0px;color: #8a8a8a;font-size:16px;line-height: 30px;}
.gsjj-bt2 p{color: #000;font-size:34px;margin-bottom:10px;text-align: center;}
.gsjj-bt2 p:after{display: block;content: "";background: #c00000;width:50px;height:3px;margin:35px auto 20px;}
.gsjj-tupian li{float: left;text-align: center;padding: 5% 0.4%;box-sizing: border-box;overflow: hidden;width: 25%;}
.gsjj-tupian li img{cursor: pointer;transition: all 0.6s;width: 100%;}
.gsjj-tupian li img:hover{transform: scale(1.03);}
/*企业文化*/
.pic-img li{float: left;width:25%;text-align: center;box-sizing: border-box;padding: 0.5%;}
.pic-img li p{font-size: 16px;line-height:70px;text-transform: uppercase;}
/*发展历程*/
/*.fzlc&gt;ul&gt;li{margin-bottom: 2%;}*/
.fzlc-tu{width: 40%;border-right: 1px solid #eee;box-sizing: border-box;padding:0 4% 2% 0;}
.fzlc-nr{width:60%;padding-left:4%;box-sizing: border-box;}
.fzlc-nr li{line-height:30px;font-size:15px;color:#838383;margin-bottom:10px;}
.fzlc-nr p{color: #c00000;font-family: "times new roman";font-size:50px;font-style: italic;font-weight: bold;background: url(../images/dian.png) no-repeat left center;padding-left:30px;}
/*专利证书*/
.zlzs-nav{width:18%;}
.zlzs-nav li{border-bottom: 1px dashed #ddd;background: url(../images/pro-more3.png) no-repeat left center;line-height:80px;font-size: 16px;padding-left:15%;box-sizing: border-box;}
.zlzs-nav li:hover{background: url(../images/pro-more4.png) no-repeat left center;color: #c00000;}
.zlzs-nr{width: 80%;padding-left:2%;box-sizing: border-box;}
.zlzs-nr li{display:none;}
.zs-nr{width: 25%;float: left;text-align: center;border: 1px solid #eee;box-sizing: border-box; cursor: pointer;transition: all 0.6s;}
.zx-bt{display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;-webkit-box-orient: vertical;line-height:60px;}
.zx-bt a{font-size: 15px;}
.zs-nr:hover{border: 1px solid #c00000;}
.zs-nr:hover .zx-bt a{color: #c00000;}
/*合作客户*/
.pic-img9 li{float: left;width:20%;text-align: center;box-sizing: border-box;border:1px solid #eee;cursor: pointer;transition: all 0.6s;}
.pic-img9 li:hover{border:1px solid #c00000;}
/*新闻中心*/
.ny-gsxw li{border:1px solid #ddd;margin:0.5%;padding:1% 1% 3%;cursor: pointer;transition: all 0.6s;float: left;box-sizing: border-box;width: 32%;}
.ny-gsxw li:hover{background: #f3f3f3;border: 1px solid #e9e9e9;}
.ny-gsxw li .xw-img{ padding: 0; overflow: hidden;width:100%;}
.ny-gsxw li .xw-img img{cursor: pointer;transition: all 0.6s;}
.ny-gsxw li .xw-img img:hover{transform: scale(1.05);}
.ny-gsxw li .xw-bt{margin:5% 0;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient: vertical;}
.ny-gsxw li .xw-bt a{font-weight:bold;line-height:30px;font-size:18px;color: #000;}
.ny-gsxw li:hover .xw-bt a{color: #c00000;}
.ny-gsxw li .xw-nr{color: #959595;line-height:26px;font-size: 15px;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;-webkit-box-orient: vertical;}
/*人才招聘*//*手风琴效果*/
.join{margin-top:2%;border-top: 1px solid #E0E0E0;padding-top: 3%;}
.ny-lxl-list{padding:2%;overflow: hidden;cursor: pointer;margin-bottom: 1%;background: #f9f9f9;}
.ny-lxll-text{/*display: flex;justify-content: space-between;*/align-items: center;}
.ny-lxl-list-active{display: block;}
.zz-title{font-size:22px;color: #000;font-weight: 700;}
.zz-title span{font-size:16px;color: #ccc;text-transform:uppercase;font-weight: normal;}
.zz-number{color: #c00000;font-weight: bold;font-size: 24px;background: url(../images/zz-more.png) no-repeat right center;padding-right: 40px;}
.ny-lxll-con{background: #fff;margin-top:2%;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;padding:2% 0;display: none;overflow: hidden;}
.ny-lxllc-list{float: left;width:95%;margin:0 1.5%;}
.zz-nycon{line-height: 28px;color: #888;font-size:15px;}
.zz-nycon p{font-size:18px;margin-bottom:1%;color: #c00000;font-weight: bold;}
.zhaopin-tu{width: 90%;}
/*.page-guestbook{width:60%;padding-left: 5%;box-sizing: border-box;}*/
/*联系我们*/
.ny-lxfs{margin-bottom: 30px;}
.ny-lxfs ul{padding: 0;/*display: flex; */margin: 0px auto;-webkit-box-align: center;align-items: center;}
.ny-lxfs li{padding:2% 1% 2% 7%;float: left;margin:0.2%;color: #999;font-size:17px;border: 1px solid #eee;width:32%;box-sizing: border-box;}
.ny-lxfs li span{color: #000;font-size:20px;}
.lxa{background: url(../images/lx-tu1.png) no-repeat left 20px center #f9f9f9;}
.lxb{background: url(../images/lx-tu3.png) no-repeat left 20px center #f9f9f9;}
.lxc{background: url(../images/lx-tu4.png) no-repeat left 20px center #f9f9f9;}
.lxd{background: url(../images/lx-tu5.png) no-repeat left 20px center #f9f9f9;}
.lxe{background: url(../images/lx-tu2.png) no-repeat left 20px center #f9f9f9;}

@media (max-width: 1600px) and (min-width: 1200px){
.ib2cr-img &gt; img:first-child{display:none;}
.ib2cr-img &gt; img:last-child{display:block;}
}
@media (max-width: 1200px){
.ib2cr-img &gt; img:first-child{display:block;}
.ib2cr-img &gt; img:last-child{display:none;}
.ib2c-left {display: none;}
.ib2c-right {width: 100%;height: auto;}
}
@media (max-width: 1300px){
.ib6cttl-t1 { font-size: 2.2rem;}
.ib6cttl-t2 {font-size: 1.2rem;}
.ib6ctt-right {padding: 0 3rem;}
}
@media (max-width: 1150px){.ib6cttl-t1 {font-size: 2rem;}.ib6cttl-t2 {font-size: 1rem;}
.ib6ctt-right {padding: 0 2rem;}
}
@media (max-width: 980px){
.ib6cttl-t1 {font-size: 1.5rem;}.ib6cttl-t2 {font-size: .9rem;}
.ib6ctt-right {padding: 0 1rem;}
}
@media (max-width: 915px){.ib6cttl-t2 {font-size: .9rem;}
}
@media (max-width: 860px){.ib6ctt-right &gt; a &gt; div:last-child {margin-left: 1rem;}
}
@media (max-width: 840px){
.ib6ctt-right &gt; a &gt; div:last-child {margin-left: .5rem;}
}
</pre></body></html>